МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ
НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ «ЛЬВІВСЬКА ПОЛІТЕХНІКА»
ІКТА
кафедра БІТ
З В І Т
до лабораторної роботи №2
з курсу: “ Веб-програмування ”
на тему: “ Основи HTML та CSS ”
Варіант дизайну 1
Мета роботи
Ознайомлення з мовою розмітки гіпертексту HTML та стилями відображення гіпертексту CSS.
Скріншоти створених сторінок
Сторінка 1
/
/
/
/
/
Сторінка 2
/
Сторінка 3
/
Модифіковані файли index.htm та screen.css
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Six Oh Six</title>
<meta http-equiv="content-language" content="en-us" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="author" content="Six Oh Six" />
<meta name="design" content="Sadhana Ganapathiraju" />
<meta name="copyright" content="Copyright (c) 2006 Six Oh Six" />
<meta name="description" content="Description of the site goes here" />
<meta name="keywords" content="seo,rich,keywords,of,the,site,go,here" />
<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
<!--[if lt ie 7]>
<link rel="stylesheet" type="text/css" media="screen" href="ie-win.css" />
<![endif]-->
</head>
<body>
<div id="header">
<h1><a href="#">Лабораторна робота №2</a></h1></div>
<div id="navigation">
<ul>
<li class="active"><a href="#00">Home</a></li>
<li><a href="#01">Blog</a></li>
<li><a href="#02">Portfolio</a></li>
<li><a href="#03">Articles</a></li>
<li><a href="#04">About</a></li>
<li><a href="#05">Contact</a></li>
</ul>
</div>
<div id="wrapper">
<div id="content-wrapper">
<div id="content">
<div class="post-wrapper">
<h3 class="post-title"><a href="#21" rel="bookmark">Процес розробки Web-сайта</a></h3>
<div class="post">
<p align="justify">Сьогодні, подорожуючи по Internet, можна знайти багато дуже добре виконаних сайтів які швидко завантажуються, привабливі на вигляд, мають чітко роподілену по розділам інформацію і зручні функції навігації.</p>
<p align="justify">Якщо ви затримуєтеся на якому-небудь сайті на довгий час і навіть не усвідомлюєте цього, то, видно, такий сайт дуже добре продуманий. Поверніться назад і спробуйте осмислити повну картину. Чи можете ви побачити структуру, організацію? </p>
<p align="justify">Чи легко сприймається інформація? Розуміння руху інформаційних потоків - це перший крок в створенні функціонального, зручного в роботі сайту. Якщо ви зрозумієте, як працює ця концепція, і застосуєте її при створенні власного сайту, то ви вже тим самим випередите більшість інших розробників.</p>
<p align="justify">Самі кращі Web-сайти - це ті, які привабливо виглядають, ємко виражають основну ідею і не заставляють користувачів чекати отримання інформації на їх екранах дуже довго. Ось декілька порад із створення успішного сайту</p>
<div class="left">
<h2 align="center">1. Планування інформаційного потоку
</p>
</h2>
<p>Багато Web-мастерів не витрачають часу на те, аби продумати інформаційний потік, а обмежуються лише розміщенням тексту і зображень на сторінці. Хоча на багатьох сайтах ви можете зустріти хвалькуваті запевнення, що у них значно більше відвідувачів ніж у конкурентів, проте це не самий кращий індикатор якості виконання. Кращим показником є час: якщо користувачі залишаються на вашому сайті досить довго для того, щоб пройти по різних його рівнях і розділах, то ви маєте право бути упевненими в добре виконаній роботі. Це означає, що вони можуть знайти те, що їм потрібно, оглянути останнє і без особливих зусиль повернутися назад. Аби зробити свій сайт ефективним, ви повинні візуалізувати потік інформації і вибрані користувачем шляхи. Іншими словами, ви повинні бачити свій сайт з точки зору користувача. Процес планування може вимагати великих затрат праці проте якщо він приносить вам задовол...